﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BaoCaoTiepDan.ascx.cs" Inherits="CMS.Web.Reports.BaoCaoTiepDan" %>
<script language="javascript" src="Common/paging.js"></script>

<table id="tbl" class="Table_Border" style="border-collapse: collapse" cellspacing="0"
    cellpadding="0" width="90%" border="0" align="center">
    <tr valign="top">
        <td valign="top" align="center" height="40px" class="Title">
            BÁO CÁO TÌNH HÌNH TIẾP DÂN</td>
    </tr>
    <tr>
        <td width="100%">
            <table id="tblThongTinChung" class="Grid_Border"
                cellspacing="0" cellpadding="3" width="100%">
                <tbody>
                    <tr>
                        <td colspan="2" align="center" class="Col_Left">                        
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>                                    
                                    <td align="right" style="width: 20%; height:30px;">
                                        Từ ngày&nbsp;</td>
                                    <td align="left" style="width: 21%">
                                        <asp:TextBox id="txtTuNgay" runat="server" MaxLength="8" CssClass="TextBox" Width="74%" ReadOnly="True"></asp:TextBox>
                                        &nbsp;<img align="absmiddle" style="width:13px;cursor:pointer;" id="imgCal1" src="Images/icon.gif" alt="" /> 
                                    </td>
                                    <td align="center" style="width: 11%">
                                        Đến ngày</td>
                                    <td align="left" style="width: 25%">
                                        <asp:TextBox id="txtDenNgay" runat="server" MaxLength="8" CssClass="TextBox" Width="74%"></asp:TextBox>
                                        &nbsp;<img align="absmiddle" style="width:13px;cursor:pointer;" id="imgCal2" src="Images/icon.gif" alt="" />                            
                                    </td>
                                    <td style="width: 20%">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>                    
                    <!-- Điều kiện 1 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px; width: 20%;">
                            &nbsp;<asp:radiobutton id="radAll" runat="server" text="Toàn bộ" Checked="True" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" style="width: 80%">
                            &nbsp;
                        </td>
                    </tr>
                    <!-- Điều kiện 2 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px;">
                            &nbsp;<asp:radiobutton id="radDiaBan" runat="server" text="Theo địa bàn" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" align="left">
			                <asp:textbox id="drpDiaBan" runat="server" CssClass="TextBox" Width="67%" MaxLength="250"></asp:textbox>
			                <img src="Images/scroll2.png" style="display:; cursor: pointer; cursor: hand;" onclick="openSelectDiaBanWindow('<% =drpDiaBan.ClientID%>','<%=hidDiaBan.ClientID %>');" />
			                <asp:HiddenField ID="hidDiaBan" runat="server" />
			            </td>
                    </tr>
                    <!-- Điều kiện 3 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px;">
                            &nbsp;<asp:radiobutton id="radLoaiHinh" runat="server" Text="Theo loại hình" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" align="left">
                            <asp:dropdownlist id="drpLoaiHinh" runat="server" cssclass="ListBox" DataValueField="ID" datatextfield="TenLoaiHinh" Width="70%">
                            </asp:dropdownlist>
                        </td>
                    </tr>
                    <!-- Điều kiện 4 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height: 30px;">
                            &nbsp;<asp:radiobutton id="radLinhVuc" runat="server" Text="Theo lĩnh vực" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" align="left">
                            <asp:dropdownlist id="drpLinhVuc" runat="server" cssclass="ListBox" DataValueField="ID" DataTextField="TenLinhVuc" Width="70%">
                            </asp:dropdownlist>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="left" class="Col_Left" style="text-align: center; height:30px;">
                            <input type="button" class="Button" value="Xem kết quả" onclick="findDocuments()" />
                        </td>
                    </tr>                   
                </tbody>
            </table>
        </td>
    </tr>  
    <tbody id="tbdKetQua" style="display: none" valign="top">
        <tr valign="top">
            <td valign="bottom" align="center" height="40px" class="Title">
                <strong>BÁO CÁO</strong></td>
        </tr>
        <tr>
            <td valign="middle" align="center" class="Title">
                <strong>Danh sách tiếp công dân</strong></td>
        </tr>
        <tr>
            <td valign="middle" align="center">
                (Từ ngày&nbsp;<asp:Label ID="lblTuNgay" runat="server"></asp:Label>&nbsp;đến ngày&nbsp;<asp:Label ID="lblDenNgay" runat="server"></asp:Label>)
            </td>
        </tr>
        <tr><td></td></tr>
        <tr>
            <td width="100%" class="Col_Left">
                <table id="Table2" class="Grid_Border"
                    cellspacing="0" cellpadding="3" width="100%">  
                        <tr id="trNoResult" style="display: none" valign="middle">
                            <td valign="middle" align="center" class="Grid_Error">
                                Không có đợt tiếp dân nào!!!
                            </td>
                        </tr>
                        <!-- Ket qua -->
                        <tbody id="tbdResults" style="display: none" valign="top">
                            <tr valign="top">
                                <td class="Col_Right" align="left" height="200px" valign="top" width="100%">
                                    <table id="tblList" class="Grid_Border" cellspacing="0" cellpadding="3" width="100%">
                                        <tr class="Row_Document_Title">
                                            <td width="5%" align="center">
                                                Số thụ lý
                                            </td>
                                            <td width="12%" align="center">
                                                Họ và tên công dân
                                            </td>
                                            <td width="12%" align="center">
                                                Địa chỉ
                                            </td>
                                            <td width="8%" align="center">
                                                Ngày tiếp
                                            </td>
                                            <td width="8%" align="center">
                                                Loại hình
                                            </td>
                                            <td width="8%" align="center">
                                                Lĩnh vực
                                            </td>
                                            <td width="5%" align="center">
                                                Lần tiếp
                                            </td>
                                            <td width="12%" align="center">
                                                Nội dung phản ánh
                                            </td>
                                            <td width="8%" align="center">
                                                Người tiếp
                                            </td>
                                            <td width="12%" align="center">
                                                Ý kiến của người tiếp công dân
                                            </td>
                                            <td width="10%" align="center">
                                                Kết quả thực hiện
                                            </td>
                                        </tr>
                                        <tbody id="dt_Body" style="display: none">
                                            <tr id="dt_Pattern" style="display: none">
                                                <td id="soThuLy" style="height: 19px" align="center">
                                                </td>
                                                <td id="hoTen" style="height: 19px" align="left">
                                                </td>
                                                <td id="diaChi" style="height: 19px" align="left">
                                                </td>
                                                <td id="ngayTiep" style="height: 19px" align="center">
                                                </td>
                                                <td id="loaiHinh" style="height: 19px" align="left">
                                                </td>
                                                <td id="linhVuc" style="height: 19px" align="left">
                                                </td>
                                                <td id="lanTiep" style="height: 19px" align="right">
                                                </td>
                                                <td id="noiDung" style="height: 19px" align="left">
                                                </td>
                                                <td id="nguoiTiep" style="height: 19px" align="left">
                                                </td>
                                                <td id="yKien" style="height: 19px" align="left">
                                                </td>
                                                <td id="ketQua" style="height: 19px" align="left">
                                                </td>
                                            </tr>
                                            <tr id="dt_Page">
                                                <td colspan="10">
                                                </td>
                                                <td id="display_Paging" align="right" class="Paging_NotLink" colspan="2">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr class="Row_Button">
                                <td align="right">
                                    <input type="button" class="Button" value="In báo cáo" onclick="OpenPrinter()" />
                                </td>
                            </tr>
                        </tbody>              
                </table>
            </td>
        </tr>
    </tbody>  
</table>

<script language="javascript" type="text/javascript">  
    
    var cmbDiaBan = 0;
    var txtTuNgay = "", txtDenNgay = "";    
    var searchType = "";
    var cmbLinhVuc = 0, cmbLoaiHinh = 0;    
    var resultCache = [];
    paging.recordsPerPage = 15;
    
    var cal1 = new Zapatec.Calendar({		
			lang   : "vn",
			inputField: "<%=txtTuNgay.ClientID %>",
			ifFormat: "%d/%m/%Y",
			button: "imgCal1",
			theme: "aqua"
		});
     var cal2 = new Zapatec.Calendar({		
			lang   : "vn",
			inputField: "<%=txtDenNgay.ClientID %>",
			ifFormat: "%d/%m/%Y",
			button: "imgCal2",
			theme: "aqua"
		});
    
    function GetValueOfVars()
    {         
        txtTuNgay = util.Trim($("#<%=txtTuNgay.ClientID %>").val());
        txtDenNgay = util.Trim($("#<%=txtDenNgay.ClientID %>").val());  
               
        if ($("#<%=radAll.ClientID%>").attr("checked"))
        {
            searchType = "All";
            cmbLinhVuc = 0;
            cmbLoaiHinh = 0;         
            cmbDiaBan = 0;   
            return;
        } 
        if ($("#<%=radDiaBan.ClientID%>").attr("checked"))
        {
            searchType = "DiaBan";
            cmbLinhVuc = 0;
            cmbLoaiHinh = 0;         
            cmbDiaBan = parseInt($('#<%=hidDiaBan.ClientID %>').val()); 
            return;
        } 
        if ($("#<%=radLoaiHinh.ClientID%>").attr("checked"))
        {
            searchType = "LoaiHinh";
            cmbLinhVuc = 0;
            cmbLoaiHinh = parseInt($("#<%=drpLoaiHinh.ClientID%>").val()); 
            cmbDiaBan = 0;
            return;
        } 
        if ($("#<%=radLinhVuc.ClientID%>").attr("checked"))
        {
            searchType = "LinhVuc";
            cmbLinhVuc = parseInt($("#<%=drpLinhVuc.ClientID%>").val());
            cmbLoaiHinh = 0;
            cmbDiaBan = 0;
            return;
        }          
    }
    
    function CheckValidation()
    {   
        if ($("#<%=radDiaBan.ClientID%>").attr("checked") && cmbDiaBan == 0)
        {
            alert("Xin vui lòng nhập địa bàn cần thống kê!");
            return false;
        }   
        
        if ($("#<%=radLoaiHinh.ClientID%>").attr("checked") && cmbLoaiHinh == 0)
        {
            alert("Xin vui lòng chọn loại hình cần thống kê!");
            return false;
        }   
        
        if ($("#<%=radLinhVuc.ClientID%>").attr("checked") && cmbLinhVuc == 0)
        {
            alert("Xin vui lòng chọn lĩnh vực cần thống kê!");
            return false;
        } 
       
        if (($('#<%=txtTuNgay.ClientID%>').val() == "") || (!util.isDate($('#<%=txtTuNgay.ClientID%>').val())))
        {
            alert("Ngày bắt đầu không hợp lệ!");
            $('#<%=txtTuNgay.ClientID%>').focus();
            return false;
        }
        
        if (($('#<%=txtDenNgay.ClientID%>').val() == "") || (!util.isDate($('#<%=txtDenNgay.ClientID%>').val())))
        {
            alert("Ngày kết thúc không hợp lệ!");
            $('#<%=txtDenNgay.ClientID%>').focus();
            return false;
        }
        
        if (CompDate($('#<%=txtTuNgay.ClientID%>').val(), $('#<%=txtDenNgay.ClientID%>').val()))
        {
            alert("Ngày bắt đầu phải nhỏ hơn hoặc bằng hơn ngày kết thúc!");
            $('#<%=txtTuNgay.ClientID%>').focus();
            return false;
        }
        
        return true;
    }       
    
    function findDocuments()
    {      
        paging.id = "dt_Page";
        paging.bodyId = "dt_Body";
        paging.patternId = "dt_Pattern";
        paging.filter = "";

        GetValueOfVars();         
       
        if (CheckValidation())
        {            
            $('#tbdKetQua').attr("style", "display:");            
            CMS.Presenters.Presenters.ListManager.BaoCaoTiepDanPresenter.TotalSearchTiepDans(searchType, txtTuNgay, txtDenNgay, cmbDiaBan, 
                cmbLinhVuc, cmbLoaiHinh, function(response){                
                if(response != null && response.value != null) 
                {    
                    paging.totalRecords = response.value;                    
                    $("#display_Paging").html(paging.limitPage(1, 0));                 
                    
                    if (response.value > 0)                    
                    {
                        renderList(1);
                        $("#" + paging.bodyId).attr("style", "display:");
                        $('#tbdResults').attr("style", "display:");   
                        $('#trNoResult').attr("style", "display:none");  
                        $("#<%=lblTuNgay.ClientID%>").html(txtTuNgay);
                        $("#<%=lblDenNgay.ClientID%>").html(txtDenNgay);                     
                    }
                    else
                    {
                        $("#" + paging.bodyId).attr("style", "display:none");
                        $('#tbdResults').attr("style", "display:none");  
                        $('#trNoResult').attr("style", "display:");  
                    }
                }
            });  
        }
    }
    
    function renderList(pageCurrent){
        var fromIndex = (pageCurrent > 1) ? (pageCurrent - 1) : 0;
        
        CMS.Presenters.Presenters.ListManager.BaoCaoTiepDanPresenter.SearchTiepDans(searchType, txtTuNgay, txtDenNgay, cmbDiaBan,
                        cmbLinhVuc, cmbLoaiHinh, fromIndex*paging.recordsPerPage, paging.recordsPerPage, function(response)
        {
            subRenderList(response);
        });        
    }
    
    function subRenderList(response){
        $("#" + paging.patternId).attr("style", "display:none");
        util.removeAllRows(paging.bodyId, { filter:function(tr) {
            return (tr.id != paging.patternId && tr.id != paging.id);
        }});
        
        if(response.value != null)
        {            
            var tdList = response.value;       
            var cssClass = $("#" + paging.bodyId).attr("className");
            cssClass = "Row_Document_Odd";
            
            for (var i = 0; i < tdList.length; i++) { 
                var td = {
                    ID: tdList[i][0],
                    SoThuLy: tdList[i][1],
                    CongDan: tdList[i][2],
                    DiaChi: tdList[i][3],
                    NgayTiep: tdList[i][4],
                    TenLoaiHinh: tdList[i][5],
                    TenLinhVuc: tdList[i][6],
                    LanTiep: tdList[i][7],
                    NoiDung: tdList[i][8],
                    NguoiTiep: tdList[i][9],
                    YKien: tdList[i][10],
                    KetQua: tdList[i][11]
                }
                resultCache[td.ID] = td;
                util.cloneNode("dt_Pattern", { idSuffix:td.ID }); 
                $("#soThuLy" + td.ID).html(td.SoThuLy);
                $("#hoTen" + td.ID).html(td.CongDan);                                
                $("#diaChi" + td.ID).html(td.DiaChi);                
                $("#ngayTiep" + td.ID).html(util.convertDateVN(td.NgayTiep));
                $("#loaiHinh" + td.ID).html(td.TenLoaiHinh);
                $("#linhVuc" + td.ID).html(td.TenLinhVuc);                
                $("#lanTiep" + td.ID).html(td.LanTiep);   
                $("#noiDung" + td.ID).html(td.NoiDung);   
                $("#nguoiTiep" + td.ID).html(td.NguoiTiep);   
                $("#yKien" + td.ID).html(td.YKien);   
                $("#ketQua" + td.ID).html(td.KetQua);   
                                    
                $("#" + paging.patternId + td.ID).attr("className", cssClass);
                $("#" + paging.patternId + td.ID).attr("style", "display:");  
                cssClass = (cssClass == "Row_Document_Round") ? "Row_Document_Odd" : "Row_Document_Round";  
            } 
        }   
                
        $("#" + paging.bodyId).attr("style", "display:");
        $('#tbdResults').attr("style", "display:");   
    }
    
    function gotoPage(pageCurrent, base) {  
        renderList(pageCurrent);
        pt = paging.limitPage(pageCurrent, base);
        $("#display_Paging").html(pt);
    }
     
     function OpenPrinter()
     {  
        var strVars = "?type=" + searchType;
        strVars += "&txtTuNgay=" + txtTuNgay; 
        strVars += "&txtDenNgay=" + txtDenNgay; 
        strVars += "&cmbDiaBan=" + cmbDiaBan; 
        strVars += "&cmbLoaiHinh=" + cmbLoaiHinh; 
        strVars += "&cmbLinhVuc=" + cmbLinhVuc; 
       
        var strTypeReport = "Reports/BaoCaoTiepDanReportView.aspx";
        strFeatures = 'width=800px,height=600px,top=100px,left=100px,titlebar=1,menubar=0,toolbar=0,resizable=1,status=1,scrollbars=1,dependent=yes';
        window.open(strTypeReport + strVars,'_blank',strFeatures);
        return false;
    } 
</script>